<!DOCTYPE HTML>

<html lang="pt-br"  
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/WEB-INF/template/SegurancaTemplate.xhtml">
<ui:define name="corpo">
	<style type="text/css">
	.div-tela 
	{
		max-width: auto;
		max-height: auto;
		padding: 10px 10px 10px;
	    margin: 0 auto 20px;
	    background-color: #fff;
	    border: 1px solid #e5e5e5;
	    -webkit-border-radius: 5px;
	    	-moz-border-radius: 5px;
	        	border-radius: 5px;
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	    	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	        	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	}
	.colunaEsquerda
	{  
	    text-align: left;
	    width: 30%;  
	}  
	.colunaDireita
	{  
	    text-align: left;
	    width: 70%    
	}   
	</style>
<div class="div-tela">
	<p:panel header="Gerenciar Usuário" style="width:100%;height:100%"> 
		<p:commandButton id="btnNovo" 
							value="Novo" 
							styleClass="ui-priority-primary"
							update=":frmSeguranca:pnlUsuario"
							actionListener="#{usuarioManagerBean.novoUsuario}"/>
		<p:commandButton id="btnSair" 
							value="Sair" 
							styleClass="ui-priority-primary"
							update="mensagem"
							actionListener="#{usuarioManagerBean.sair}"/>
		
		<div>
		<BR />
		</div>
		
		<p:dataTable id="tblUsuario"
					var="usuario"
					value="#{usuarioManagerBean.listaUsuario}"
					paginator="true"
					rows="10"
					emptyMessage="Não há Registros para Exibição"
					rendered="true">
					
			<p:column headerText="Id" width="5%" resizable="true">
				<h:outputText value="#{usuario.id}"/>
			</p:column>
			
			<p:column headerText="Nome Completo" width="30%">
				<h:outputText value="#{usuario.nomeCompleto}"/>
			</p:column>
			
			<p:column headerText="Login" width="20%">
				<h:outputText value="#{usuario.login}"/>
			</p:column>
			
			<p:column headerText="E-mail" width="30%">
				<h:outputText value="#{usuario.email}"/>
			</p:column>
			
			<p:column headerText="Ações" width="15%">
			
				<p:splitButton id="btnAlterar" 
							value="Alterar" 
							actionListener="#{usuarioManagerBean.alterarUsuario(usuario)}" 
							update=":frmSeguranca:pnlUsuario">
					<p:menuitem id="btnAlterarSenha"
		    					value="Alterar Senha"
		        				update=":frmSeguranca:alterarSenhaPanel"
		        				actionListener="#{usuarioManagerBean.alterarSenhaUsuario(usuario)}"/>
					<p:menuitem id="btnAlterarCor"
		    					value="Alterar Cor"
		        				update=":frmSeguranca:alterarCorPanel"
		        				actionListener="#{usuarioManagerBean.alterarCorUsuario(usuario)}"/>
				</p:splitButton>
				
		    </p:column>
		
		</p:dataTable>
	</p:panel>		
</div>	
</ui:define>
<ui:define name="modal">
	<p:dialog header="Usuário" 
			widgetVar="usuarioDialog" 
			resizable="false"
			width="650" 
			modal="true" 
			position="top">
		<p:panelGrid id="pnlUsuario" 
					columns="2" 
					columnClasses="colunaEsquerda,colunaDireita">
					<h:outputLabel for="inputNomeCompleto" value="Nome Completo"/>
					<p:inputText id="inputNomeCompleto"
								maxlength="200"
								size="50"
								placeholder="Nome Completo"
								value="#{usuarioManagerBean.usuarioGravarVo.nomeCompleto}"/>
								
					<h:outputLabel for="inputL" value="Login"/>
					<p:inputText id="inputL"
								maxlength="200"
								size="50"
								placeholder="Login"
								value="#{usuarioManagerBean.usuarioGravarVo.login}"/>
								
					<h:outputLabel for="inputS" value="Senha"/>
					<p:password id="inputS"
								maxlength="50"
								size="50"
								placeholder="Senha"
								validatorMessage="Senha e confirmação de senha devem ser iguais"
								value="#{usuarioManagerBean.usuarioGravarVo.senha}"
								match="inputSC"/>
								
					<h:outputLabel for="inputSC" value="Confirmação de Senha"/>
					<p:password id="inputSC"
								maxlength="50"
								size="50"
								placeholder="Confirmação de Senha"
								value="#{usuarioManagerBean.usuarioGravarVo.senha}"/>
								
					<h:outputLabel for="inputEmail" value="E-mail"/>
					<p:inputText id="inputEmail"
								type="email"
								maxlength="200"
								size="50"
								placeholder="E-mail"
								value="#{usuarioManagerBean.usuarioGravarVo.email}"/>
					
					<h:outputLabel for="acFuncionario" value="Funcionário Eptus"/>
					<p:autoComplete id="acFuncionario"
									value="#{usuarioManagerBean.usuarioGravarVo.funcionarioVo.nome}"
									completeMethod="#{usuarioManagerBean.completeFuncionario}"
									forceSelection="true"
									size="44"
									scrollHeight="100"
									placeholder="Funcionário Eptus"
									dropdown="true"/>
									
					<h:outputLabel for="acVendedor" value="Vendedor Eptus"/>
					<p:autoComplete id="acVendedor"
									value="#{usuarioManagerBean.usuarioGravarVo.vendedorVo.nome}"
									completeMethod="#{usuarioManagerBean.completeFuncionario}"
									forceSelection="true"
									size="44"
									scrollHeight="100"
									placeholder="Vendedor Eptus"
									dropdown="true"/>
									
					<h:outputLabel for="acPerfil" value="Perfil Usuário"/>
					<p:autoComplete id="acPerfil"
									value="#{usuarioManagerBean.usuarioGravarVo.perfilVo.descricao}"
									completeMethod="#{usuarioManagerBean.completePerfil}"
									forceSelection="true"
									size="44"
									scrollHeight="100"
									placeholder="Perfil Usuário"
									dropdown="true"/>
									
					<h:outputLabel for="somAtivo" value="Situação Ativo"/>
					<p:selectOneMenu id="somAtivo" 
									value="#{usuarioManagerBean.usuarioGravarVo.ativo}" >
						<f:selectItem itemLabel="Usuário Ativo no Sistema?" itemValue=""/>
						<f:selectItems value="#{usuarioManagerBean.situacao}"/>
					</p:selectOneMenu>
					
					 <h:outputLabel for="sorVendedor" 
					 				value="Vendedor?"/>
					 <p:selectOneRadio id="sorVendedor" 
					 				value="#{usuarioManagerBean.usuarioGravarVo.vendedor}">
            			<f:selectItem itemLabel="Sim" 
            						itemValue="S"/>
            			<f:selectItem itemLabel="Não" 
            						itemValue="N"/>
       			     </p:selectOneRadio>
					
		</p:panelGrid>
				
				<div>
					<BR />
				</div>
				
				<p:commandButton id="btnAlterar" 
									value="Gravar" 
									styleClass="ui-priority-primary"
									update="tblUsuario"
									actionListener="#{usuarioManagerBean.gravar}"/>
				
				
	</p:dialog>
	<p:dialog header="Alterar Senha" 
			widgetVar="alterarSenhaDialog" 
			modal="true"
			resizable="false" 
			width="580" 
			position="top" 
			closable="true">
    	 <p:panelGrid id="alterarSenhaPanel" 
    	 			columns="2" 
    	 			columnClasses="colunaEsquerda, colunaDireita">
    	 			
					<h:outputLabel for="outLogin" value="Login"/>
					<h:outputText id="outLogin"
								value="#{usuarioManagerBean.usuarioSenhaVo.login}"/>
								
					<h:outputLabel for="inputSenha" value="Senha"/>
					<p:password id="inputSenha"
								maxlength="50"
								size="50"
								placeholder="Senha"
								validatorMessage="Senha e confirmação de senha devem ser iguais"
								value="#{usuarioManagerBean.usuarioSenhaVo.senha}"
								match="inputSenhaConfirmacao"/>
								
					<h:outputLabel for="inputSenhaConfirmacao" value="Confirmação de Senha"/>
					<p:password id="inputSenhaConfirmacao"
								maxlength="50"
								size="50"
								placeholder="Confirmação de Senha"
								value="#{usuarioManagerBean.usuarioSenhaVo.senha}"/>
					
		</p:panelGrid>
		
			<div>
				<BR />
			</div>
								
			<p:commandButton id="btnGravarSenha" 
							value="Gravar Senha" 
							styleClass="ui-priority-primary"
							update="tblUsuario"
							actionListener="#{usuarioManagerBean.gravarSenhaUsuario}"/>	
	</p:dialog>	
	<p:dialog header="Alterar Cor" 
			widgetVar="alterarCorDialog" 
			modal="true"
			resizable="false" 
			width="580" 
			position="top" 
			closable="true">
    	 <p:panel id="alterarCorPanel">
    	 	<h:outputText id="outLoginCor"
						value="Login: #{usuarioManagerBean.usuarioCorVo.login}"/>
						
			<div>
				<BR />
			</div>
			<p:colorPicker value="#{usuarioManagerBean.usuarioCorVo.corVenda}" mode="inline" />
		</p:panel>
		
			<div>
				<BR />
			</div>
								
			<p:commandButton id="btnGravarCor" 
							value="Gravar Cor" 
							styleClass="ui-priority-primary"
							update="tblUsuario"
							actionListener="#{usuarioManagerBean.gravarCorUsuario}"/>	
	</p:dialog>	
</ui:define>
	
</ui:composition>
</html>